<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="别墅工场-基本资料">
<meta name="description" content="别墅工场-基本资料">
<title>基本资料</title>
<link rel="shortcut icon" href="/index/img/bieshu_logo.png" type="image/vnd.microsoft.icon">
<link rel="stylesheet" href="/index/css/style.css">
<link rel="stylesheet" href="/index/css/responsive.css" />
<link rel="stylesheet" href="/admin/layui/css/layui.css">
<script src="/public/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="/index/js/jquery.slide.js"></script>
<script type="text/javascript" src="/index/js/addons.js" ></script>
<!--[if lt IE 9]>
<script src="/index/js/html5.js"></script>
<![endif]-->
</head>
<body style="background: #f8f8f8;" onkeydown="on_return()">
<div class="Uppermost">
	<div class="wrapper">
		<div class="clearfix">
			欢迎光临湖南森态建筑设计有限责任公司！
			{empty name='user_info.user_id'}<div class="fr"><a href="javascript:;" class="user_login">登陆<span>|</span>注册</a></div>{/empty}{notempty name='user_info.user_id'}<div class="fr"><a href="javascript:;">别墅工场欢迎您！</a></div>{/notempty}
		</div>
		<p><a href="/about">关于我们</a><span>|</span>{empty name='user_info.user_id'}<a href="javascript:;" class="user_login">个人中心</a>{/empty}{notempty name='user_info.user_id'}<a href="/userInfo" >个人中心</a>{/notempty}<span>|</span><a href="/sitemap.html">网站地图</a></p>
	</div>
</div>
<div class="header">
	<div class="wrapper">
		<div class="img fl">
			<a href="#">
				<img src="/index/img/u33.png" />
			</a>
		</div>
		<div class="nav fl">
			<ul class="clearfix">
				<li  class="on"><a href="/">网站首页</a></li>
				<li><a href="/bieshusheji">别墅图纸</a></li>
				<li><a href="/tuandui">设计团队</a></li>
				<li><a href="/dingzhi">私人定制</a></li>
				<li><a href="/ordercase">案例展示</a></li>
				<li><a href="/news">建房知识</a></li>
			</ul>
		</div>
		<div class="fr inp">
			<label>
				<form>
					<input type="text" id="keyword_name" placeholder="输入图纸编号或是关键字"/>
				</form>
				<button id="searchButton" onclick="search()"></button>
			</label>
		</div>
	</div>
</div>
<!--conter -->
<div class="cut wrapper">
	<a href="/">首页</a><span>></span>用户中心
</div>
<div class="contert-box wrapper clearfix">
	<div class="left-box fl">
		<div class="box">
			<h3>用户中心</h3>
			<ul>
				<li><a href="/orderRecord"><img src="/index/img/u5446.png" class="a" style="top: auto;"/><img src="/index/img/u5446_on.png" class="b" style="top: auto;"/>我的订单</a></li>
				<!--<li><a href="#"><img src="/index/img/u5444.png" class="a"/><img src="/index/img/u5444_on.png" class="b"/>我的收藏</a></li>-->
				<li><a href="/browseRecord"><img src="/index/img/u5442.png" class="a" style="top: auto;"/><img src="/index/img/u5442_on.png" class="b" style="top: auto;"/>浏览记录</a></li>
				<li><a href="/receiverAddress"><img src="/index/img/u5452.png" class="a" style="top: auto;"/><img src="/index/img/u5452_on.png" class="b" style="top: auto;"/>收货地址</a></li>
				<li><a href="/userInfo"><img src="/index/img/u5458.png" class="a" style="top: auto;"/><img src="/index/img/u5458_on.png" class="b" style="top: auto;"/>个人资料</a></li>
			</ul>
		</div>
		<div class="box">
			<h3>客服热线</h3>
			<div class="text">
			<div class="tel">
				<h5>订购/咨询热线：</h5>
				<h4>400-9020-868：</h4>
				<h5>售后服务热线：</h5>
				<h4>0731-88576861：</h4>
			</div>
			</div>
		</div>
		<div class="box">
			<h3>客服热线</h3>
			<div class="qr">
			<img style="width: 150px;" src="/index/img/bieshulogo.jpg" />
			</div>
		</div>
	</div>
	<div class="right-box fr">
		<h6>基本资料</h6>
		<div class="data">
			<ul>
					<li class="clearfix">
						<h5 class="fl">当前头像：</h5>
						<div class="ups fl">
							<label>
								<img id='userImg' {empty name="userInfo.head_portrait" }src="/index/img/u7599.png"{/empty}{notempty name="userInfo.head_portrait" }src="{$userInfo.head_portrait}"{/notempty} />
							</label>
							<button  type="button" class="layui-icon" id="test1">上传</button>
						</div>
					</li>
				<li class="clearfix">
					<h5 class="fl">用户名称：</h5>
					<div class="inps fl">
						<input type="text"  value="{$userInfo.nick_name|default=''}"/><span onclick="editUser({$userInfo.user_id})">修改</span>
					</div>
				</li>
				<!--<li class="clearfix">-->
					<!--<h5 class="fl">手机密码：</h5>-->
					<!--<div class="inps fl">-->
						<!--<input type="text" /><span>修改</span>-->
					<!--</div>-->
				<!--</li>-->
				<!--<li class="clearfix">-->
					<!--<h5 class="fl">登录密码：</h5>-->
					<!--<div class="inps fl">-->
						<!--<input type="text" /><span>修改</span>-->
					<!--</div>-->
				<!--</li>-->
			</ul>
		</div>
	</div>
</div>
<!--conter end-->
<!--footer -->
{include file="/public/bottom" /}
<!--footer end-->
{include file="public/comscript" /}
</body>
</html>
<script src="/admin/layui/layui.js"></script>
<script>
    layui.use('upload', function(){
        var upload = layui.upload;
        //执行实例
        var uploadInst = upload.render({
            elem: '#test1' //绑定元素
            ,url: "uploadImg" //上传接口
            ,before: function(obj){
                layer.msg('图片上传中...', {
                    icon: 16
                    ,shade: 0.01
                    ,time:0.3
                });
            }
            ,done: function(res){
                $('#userImg').attr('src', res.url);
                if(res.code>0){
                    layer.msg(res.msg);
                }
                //上传完毕回调
            }
            ,error: function(){
                //请求异常回调
            }
        });
    });
    //修改地址
    function editUser(user_id) {
        layer.open({
            type: 2,
            title: "修改用户信息",
            area: ["500px", "300px"],
            skin: 'layui-layer-rim',
            fixed: false, //不固定
            resize: false,
            zIndex: 999999999,
            content: "index/users/editUserInfo",
            shadeClose: true,
            end: function () {
                location.reload();
            }
        });
    }
</script>
